<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
    />
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>设置</title>

    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/layout.css">

    <link rel="stylesheet" href="static/css/00.css">

    <style>
        .btn {
            padding: .3rem 1rem;
            background-color: lightseagreen;
            color: white;
            display: block;
            margin: 10px;
        }

        .input_panel_input {
            border: 1px #c0bfc4 solid;
            height: .76rem;
            line-height: .76rem;
            border-radius: .1rem;
            padding: 0px 10px;
            width: 80%;
        }
    </style>

</head>

<body class="m-body">


    <a class="btn btn_01">成功</a>

    <a class="btn btn_02">失败</a>

    <a class="btn btn_03">输入</a>







    <script src='static/js/jquery-1.8.2.min.js'></script>
    <script src="static/js/common.js"></script>


    <link rel="stylesheet" href="static/plugins/swiper/swiper.min.css" />
    <script src="static/plugins/swiper/swiper.min.js"></script>

    <link rel="stylesheet" href="static/plugins/layer/mobile/need/layer.css">
    <script src="static/plugins/layer/mobile/layer.js"></script>

    <script type="text/javascript">
        $(function () {


            $(".btn_01").click(function () {

                layer.open({
                    title: [
                        '提示',
                        'background-color: #6AA5F5; color:#fff;'
                    ],
                    anim: 'up',
                    content: '<div class="h_1_dot_2_rem"><img style="width:1rem;height:1rem" src="static/img/yes.png" /></div><p>绑定成功</p>',
                    btn: ['确定'],
                    yes: function (index) {

                        layer.close(index);
                    }
                });
            });

            $(".btn_02").click(function () {

                layer.open({
                    title: [
                        '提示',
                        'background-color: #6AA5F5; color:#fff;'
                    ],
                    anim: 'up',
                    content: '<div class="h_1_dot_2_rem"><img style="width:1rem;height:1rem" src="static/img/no.png" /></div><p>会员代码不存在</p><p>请联系客服: 1783567876</p>',
                    btn: ['确定'],
                    yes: function (index) {

                        layer.close(index);
                    }
                });
            });

            $(".btn_03").click(function () {

                layer.open({
                    title: [
                        '提示',
                        'background-color: #6AA5F5; color:#fff;'
                    ],
                    anim: 'up',
                    content: ` <div class="input_panel_wrap">
                                <div class="input_panel ">
                                    <div style="line-height: 1rem; height: 1rem;">请输入您要绑定的会员代码</div>
                                    <input type="text" id="my_code" class="m-input input_panel_input" placeholder="请输入正确的代码" />
                                </div>
                            </div>`,
                    btn: ['确定'],
                    yes: function (index) {

                        var my_code = $("#my_code").val();
                        alert("您输入的值是:" + my_code);

                        layer.close(index);
                    }
                });
            });



        });


    </script>
</body>

</html>